<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>balance demo</title>
  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
  <link rel="stylesheet" type="text/css" href="index.css">
<body>
<div id="container" class="cm-content">
  <div id="success">
    <div class="header">
      <div class="go left">
        <a>
          <i class="fa fa-chevron-left"></i>
        </a>
        <span>支付中心</span>
      </div>
      <!-- <div class="login right">
        <a>编辑</a>
      </div> -->
    </div>
    <div class="content">
      <div class="info">
        <span><i class="fa fa-check-circle blue"></i></span>
        <span>恭喜您！已成功补充能源~</span>
      </div>
      <div class="sum-price">
        <span>订单总额:</span>
        <span class="red"><i class="fa fa-yen red"></i>934元</span>
      </div>
      <div class="pay-style">
        <span class="key left">支付方式:</span>
        <span class="value right red">微信支付</span>
      </div>
      <div class="text">
        <span class="red">支付成功</span>
      </div>
      <div class="btn">
        <a>挑选能源</a>
        <a>查看能源包</a>
      </div>
    </div>
  </div>
</div>
</body>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
  var vm = new Vue({
    el: '#container',
    data: {
    },
    computed: {
    },
    mounted: function() {
    },
    watch: {
    },
    methods: {
    }
  });
</script>
</html>